<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <p:growl id="messages" showDetail="false"/>

        <div class="ContainerIndent">
            <p:panel header="Menu Samples">
                <div class="ContainerIndent">
                    <h:form>

                        <h3 class="hardblue">Breadcrumb</h3>
                        <p:breadCrumb>
                            <p:menuitem value="Categories" url="#" />
                            <p:menuitem value="Sports" url="#" />
                            <p:menuitem value="Basketball" url="#" />
                            <p:menuitem value="NBA" url="#" />
                            <p:menuitem value="Teams" url="#" />
                            <p:menuitem value="L.A. Lakers" url="#" />
                            <p:menuitem value="Roster" url="#" />
                            <p:menuitem value="Kobe Bryant" url="#" />
                        </p:breadCrumb>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">Menu</h3>
                        <h3>Plain Menu</h3>
                        <p:menu>
                            <p:submenu label="Ajax">
                                <p:menuitem value="Save" actionListener="#{menuView.save}" update="messages" icon="fa fa-save Fs14" />
                                <p:menuitem value="Update" actionListener="#{menuView.update}" update="messages" icon="fa fa-repeat Fs14"/>
                            </p:submenu>
                            <p:submenu label="Non-Ajax">
                                <p:menuitem value="Delete" actionListener="#{menuView.delete}" update="messages" ajax="false" icon="fa fa-close Fs14"/>
                            </p:submenu>
                            <p:submenu label="Navigations">
                                <p:menuitem value="External" url="http://www.primefaces.org" icon="fa fa-home Fs14"/>
                                <p:menuitem value="Internal" outcome="/dashboard.xhtml" icon="fa fa-star Fs14"/>
                            </p:submenu>
                        </p:menu>

                        <h3>Overlay</h3>
                        <p:commandButton id="dynaButton" value="Show" type="button" icon="fa fa-external-link white Fs14"/>
                        <p:menu overlay="true" trigger="dynaButton" my="left top" at="left bottom">
                            <p:submenu label="Ajax">
                                <p:menuitem value="Save" actionListener="#{menuView.save}" update="messages" icon="fa fa-save Fs14"/>
                                <p:menuitem value="Update" actionListener="#{menuView.update}" update="messages" icon="fa fa-repeat Fs14"/>
                            </p:submenu>
                            <p:submenu label="Non-Ajax">
                                <p:menuitem value="Delete" actionListener="#{menuView.delete}" update="messages" ajax="false" icon="fa fa-close Fs14"/>
                            </p:submenu>
                            <p:submenu label="Navigations">
                                <p:menuitem value="External" url="http://www.primefaces.org" icon="fa fa-home Fs14"/>
                                <p:menuitem value="Internal" outcome="/dashboard.xhtml" icon="fa fa-star Fs14"/>
                            </p:submenu>
                        </p:menu>

                        <h3>Toggleable</h3>
                        <div id="j_idt16:j_idt48" class="ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-toggleable" role="menu"><div tabindex="0" class="ui-helper-hidden-accessible"></div><ul class="ui-menu-list ui-helper-reset"><li id="j_idt16:j_idt49" class="ui-widget-header ui-corner-all"><h3><span class="ui-icon ui-icon-triangle-1-s"></span>Ajax</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt50',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save Fs14"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt51',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-repeat Fs14"></span><span class="ui-menuitem-text">Update</span></a></li><li id="j_idt16:j_idt52" class="ui-widget-header ui-corner-all"><h3><span class="ui-icon ui-icon-triangle-1-s"></span>Non-Ajax</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt53',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close Fs14"></span><span class="ui-menuitem-text">Delete</span></a></li><li id="j_idt16:j_idt54" class="ui-widget-header ui-corner-all"><h3><span class="ui-icon ui-icon-triangle-1-s"></span>Navigations</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon ui-icon-home fa fa-home Fs14"></span><span class="ui-menuitem-text">External</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt56',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-star fa fa-star Fs14"></span><span class="ui-menuitem-text">Internal</span></a></li></ul></div>
                        <script id="j_idt16:j_idt48_s" type="text/javascript">$(function(){PrimeFaces.cw("PlainMenu","widget_j_idt16_j_idt48",{id:"j_idt16:j_idt48",widgetVar:"widget_j_idt16_j_idt48",toggleable:true});});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">MenuButton</h3>
                        <span id="j_idt16:j_idt58" class="ui-menubutton"><button id="j_idt16:j_idt58_button" name="j_idt16:j_idt58_button" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"><span class="ui-button-icon-left ui-icon ui-c ui-icon-triangle-1-s"></span><span class="ui-button-text ui-c">Options</span></button><div id="j_idt16:j_idt58_menu" class="ui-menu ui-menu-dynamic ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow" role="menu"><ul class="ui-menu-list ui-helper-reset"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt59',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save Fs14"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt60',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-repeat Fs14"></span><span class="ui-menuitem-text">Update</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt61',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close Fs14"></span><span class="ui-menuitem-text">Delete</span></a></li><li class="ui-separator ui-state-default"></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon ui-icon-extlink fa fa-external-link Fs14"></span><span class="ui-menuitem-text">Homepage</span></a></li></ul></div></span>
                        <script id="j_idt16:j_idt58_s" type="text/javascript">$(function(){PrimeFaces.cw("MenuButton","widget_j_idt16_j_idt58",{id:"j_idt16:j_idt58",widgetVar:"widget_j_idt16_j_idt58"});});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">SlideMenu</h3>
                        <div id="j_idt16:j_idt65" class="ui-menu ui-slidemenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix" style="width:260px" role="menu"><div class="ui-slidemenu-wrapper"><div class="ui-slidemenu-content"><ul class="ui-menu-list ui-helper-reset"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Ajax Menuitems</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt67',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save Fs14"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt68',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-repeat Fs14"></span><span class="ui-menuitem-text">Update</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Non-Ajax Menuitem</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt70',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close Fs14"></span><span class="ui-menuitem-text">Delete</span></a></li></ul></li><li class="ui-separator ui-state-default"></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Navigations</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Prime Links</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.prime.com.tr/"><span class="ui-menuitem-text">Prime</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-text">PrimeFaces</span></a></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt76',f:'j_idt16'});return false;"><span class="ui-menuitem-text">Mobile</span></a></li></ul></li></ul></div><div class="ui-slidemenu-backward ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-icon ui-icon-triangle-1-w"></span>Back</div></div></div>
                        <script id="j_idt16:j_idt65_s" type="text/javascript">$(function(){PrimeFaces.cw("SlideMenu","widget_j_idt16_j_idt65",{id:"j_idt16:j_idt65",widgetVar:"widget_j_idt16_j_idt65"});});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">TieredMenu</h3>
                        <div id="j_idt16:j_idt78" class="ui-menu ui-tieredmenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix" style="width:200px" role="menubar"><div tabindex="0" class="ui-helper-hidden-accessible"></div><ul class="ui-menu-list ui-helper-reset"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-refresh fa fa-refresh"></span><span class="ui-menuitem-text">Ajax Menuitems</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt80',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt81',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-repeat"></span><span class="ui-menuitem-text">Update</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-newwin fa fa-bolt"></span><span class="ui-menuitem-text">Non-Ajax Menuitem</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt83',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Delete</span></a></li></ul></li><li class="ui-separator ui-state-default"></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-extlink fa fa-external-link"></span><span class="ui-menuitem-text">Navigations</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Prime Links</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" title="xxx" class="ui-menuitem-link ui-corner-all" href="http://www.prime.com.tr/"><span class="ui-menuitem-text">Prime</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-text">PrimeFaces</span></a></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt89',f:'j_idt16'});return false;"><span class="ui-menuitem-text">Mobile</span></a></li></ul></li></ul></div>
                        <script id="j_idt16:j_idt78_s" type="text/javascript">$(function(){PrimeFaces.cw("TieredMenu","widget_j_idt16_j_idt78",{id:"j_idt16:j_idt78",widgetVar:"widget_j_idt16_j_idt78",autoDisplay:true});});</script>
                        <hr id="j_idt16:j_idt90" class="ui-separator ui-state-default ui-corner-all" />
                        <button id="j_idt16:dynaButtonTiered" name="j_idt16:dynaButtonTiered" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button"><span class="ui-button-icon-left ui-icon ui-c ui-icon-extlink fa fa-external-link Fs14 white"></span><span class="ui-button-text ui-c">Show</span></button>
                        <script id="j_idt16:dynaButtonTiered_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt16_dynaButtonTiered",{id:"j_idt16:dynaButtonTiered",widgetVar:"widget_j_idt16_dynaButtonTiered"});</script>
                        <div id="j_idt16:j_idt91" class="ui-menu ui-tieredmenu ui-menu-dynamic ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow" style="width:200px" role="menubar"><div tabindex="0" class="ui-helper-hidden-accessible"></div><ul class="ui-menu-list ui-helper-reset"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Ajax Menuitems</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt93',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt94',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-refresh"></span><span class="ui-menuitem-text">Update</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Non-Ajax Menuitem</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt96',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Delete</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Navigations</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Prime Links</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.prime.com.tr/"><span class="ui-menuitem-text">Prime</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-text">PrimeFaces</span></a></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt101',f:'j_idt16'});return false;"><span class="ui-menuitem-text">Mobile</span></a></li></ul></li></ul></div>
                        <script id="j_idt16:j_idt91_s" type="text/javascript">$(function(){PrimeFaces.cw("TieredMenu","widget_j_idt16_j_idt91",{id:"j_idt16:j_idt91",widgetVar:"widget_j_idt16_j_idt91",autoDisplay:true,overlay:true,my:"left top",at:"left bottom",trigger:"j_idt16:dynaButtonTiered",triggerEvent:"click"});});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">ContextMenu</h3>
                        Right click!
                        <div id="j_idt16:j_idt103" class="ui-menu ui-menu-dynamic ui-contextmenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow" role="menubar"><div tabindex="0" class="ui-helper-hidden-accessible"></div><ul class="ui-menu-list ui-helper-reset"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt104',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt105',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-refresh"></span><span class="ui-menuitem-text">Update</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt106',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Delete</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon ui-icon-extlink fa fa-external-link"></span><span class="ui-menuitem-text">Homepage</span></a></li></ul></div>
                        <script id="j_idt16:j_idt103_s" type="text/javascript">$(function(){PrimeFaces.cw("ContextMenu","widget_j_idt16_j_idt103",{id:"j_idt16:j_idt103",widgetVar:"widget_j_idt16_j_idt103"});});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">MegaMenu</h3>
                        <h3>Horizontal</h3>
                        <div id="j_idt16:j_idt109" class="ui-menu ui-menubar ui-megamenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix" style="margin-top:20px" role="menubar"><ul class="ui-menu-list ui-helper-reset"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-check fa fa-desktop"></span><span class="ui-menuitem-text">TV</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.4.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.5</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.5.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.5.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.5.3</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-document fa fa-child"></span><span class="ui-menuitem-text">Sports</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.4.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.5</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.5.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.5.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.5.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.7</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.7.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.7.2</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-pencil fa fa-magic"></span><span class="ui-menuitem-text">Entertainment</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.4.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.5</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.5.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.5.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.5.3</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-contact fa fa-space-shuttle"></span><span class="ui-menuitem-text">Tech</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Tech.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Tech.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Tech.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.4.2</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Quit</span></a></li></ul></div>
                        <script id="j_idt16:j_idt109_s" type="text/javascript">PrimeFaces.cw("MegaMenu","widget_j_idt16_j_idt109",{id:"j_idt16:j_idt109",widgetVar:"widget_j_idt16_j_idt109",autoDisplay:true});</script>

                        <h3>Vertical</h3>
                        <div id="j_idt16:j_idt180" class="ui-menu ui-menubar ui-megamenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-megamenu-vertical" style="margin-top:20px" role="menubar"><ul class="ui-menu-list ui-helper-reset"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-check fa fa-desktop"></span><span class="ui-menuitem-text">TV</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.4.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>TV.5</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.5.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.5.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">TV.5.3</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-document fa fa-child"></span><span class="ui-menuitem-text">Sports</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.4.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.5</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.5.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.5.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.5.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Sports.7</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.7.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Sports.7.2</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-pencil fa fa-magic"></span><span class="ui-menuitem-text">Entertainment</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.4.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Entertainment.5</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.5.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.5.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Entertainment.5.3</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all"><span class="ui-menuitem-icon ui-icon ui-icon-contact fa fa-space-shuttle"></span><span class="ui-menuitem-text">Tech</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><table><tbody><tr><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Tech.1</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.1.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.1.2</span></a></li></ul><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Tech.2</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.2.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.2.2</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.2.3</span></a></li></ul></td><td><ul class="ui-menu-list ui-helper-reset" role="menu"><li class="ui-widget-header ui-corner-all"><h3>Tech.4</h3></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.4.1</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Tech.4.2</span></a></li></ul></td></tr></tbody></table></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Quit</span></a></li></ul></div>
                        <script id="j_idt16:j_idt180_s" type="text/javascript">PrimeFaces.cw("MegaMenu","widget_j_idt16_j_idt180",{id:"j_idt16:j_idt180",widgetVar:"widget_j_idt16_j_idt180",autoDisplay:true});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">MenuBar</h3>
                        <div id="j_idt16:j_idt251" class="ui-menu ui-menubar ui-widget ui-widget-content ui-corner-all ui-helper-clearfix" role="menubar"><div tabindex="0" class="ui-helper-hidden-accessible"></div><ul class="ui-menu-list ui-helper-reset"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-document fa fa-file"></span><span class="ui-menuitem-text">File</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-contact fa fa-plus"></span><span class="ui-menuitem-text">New</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Project</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Other</span></a></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Open</span></a></li><li class="ui-separator ui-state-default"></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Quit</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-pencil fa fa-pencil"></span><span class="ui-menuitem-text">Edit</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-icon ui-icon ui-icon-arrowreturnthick-1-w fa fa-undo"></span><span class="ui-menuitem-text">Undo</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-icon ui-icon ui-icon-arrowreturnthick-1-e fa fa-repeat"></span><span class="ui-menuitem-text">Redo</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-help fa fa-life-buoy"></span><span class="ui-menuitem-text">Help</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Contents</span></a></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-search fa fa-search"></span><span class="ui-menuitem-text">Search</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-text">Text</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">Workspace</span></a></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#"><span class="ui-menuitem-text">File</span></a></li></ul></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-gear fa fa-gear"></span><span class="ui-menuitem-text">Actions</span><span class="ui-icon ui-icon-triangle-1-s"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-refresh fa fa-refresh"></span><span class="ui-menuitem-text">Ajax</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt270',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-disk fa fa-save"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt271',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-arrowrefresh-1-w fa fa-refresh"></span><span class="ui-menuitem-text">Update</span></a></li></ul></li><li class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem" aria-haspopup="true"><a href="#" class="ui-menuitem-link ui-submenu-link ui-corner-all" tabindex="-1"><span class="ui-menuitem-icon ui-icon ui-icon-newwin fa fa-bolt"></span><span class="ui-menuitem-text">Non-Ajax</span><span class="ui-icon ui-icon-triangle-1-e"></span></a><ul class="ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow" role="menu"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt273',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Delete</span></a></li></ul></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon ui-icon-close fa fa-close"></span><span class="ui-menuitem-text">Quit</span></a></li><li class="ui-menuitem ui-menubar-options ui-widget ui-corner-all" role="menuitem"><input id="j_idt16:j_idt275" name="j_idt16:j_idt275" type="text" placeholder="Search" style="margin-right:10px" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="j_idt16:j_idt275_s" type="text/javascript">PrimeFaces.cw("InputText","widget_j_idt16_j_idt275",{id:"j_idt16:j_idt275",widgetVar:"widget_j_idt16_j_idt275"});</script><button id="j_idt16:j_idt276" name="j_idt16:j_idt276" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button"><span class="ui-button-icon-left ui-icon ui-c ui-icon-extlink fa fa-external-link Fs14 white"></span><span class="ui-button-text ui-c">Logout</span></button><script id="j_idt16:j_idt276_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt16_j_idt276",{id:"j_idt16:j_idt276",widgetVar:"widget_j_idt16_j_idt276"});</script></li></ul></div>
                        <script id="j_idt16:j_idt251_s" type="text/javascript">PrimeFaces.cw("Menubar","widget_j_idt16_j_idt251",{id:"j_idt16:j_idt251",widgetVar:"widget_j_idt16_j_idt251",autoDisplay:true});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">PanelMenu</h3>
                        <div id="j_idt16:j_idt278" class="ui-panelmenu ui-widget" style="width:300px" role="menu"><div class="ui-panelmenu-panel"><h3 class="ui-widget ui-panelmenu-header ui-state-default ui-corner-all" role="tab"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" tabindex="-1">Ajax Menuitems</a></h3><div class="ui-panelmenu-content ui-widget-content ui-helper-hidden" role="tabpanel" id="j_idt16:j_idt278_j_idt279"><ul class="ui-menu-list ui-helper-reset"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt280',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon fa fa-save"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt281',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon fa fa-refresh"></span><span class="ui-menuitem-text">Update</span></a></li></ul></div></div><div class="ui-panelmenu-panel"><h3 class="ui-widget ui-panelmenu-header ui-state-default ui-corner-all" role="tab"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" tabindex="-1">Non-Ajax Menuitem</a></h3><div class="ui-panelmenu-content ui-widget-content ui-helper-hidden" role="tabpanel" id="j_idt16:j_idt278_j_idt282"><ul class="ui-menu-list ui-helper-reset"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt283',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon fa fa-close"></span><span class="ui-menuitem-text">Delete</span></a></li></ul></div></div><div class="ui-panelmenu-panel"><h3 class="ui-widget ui-panelmenu-header ui-state-default ui-corner-all" role="tab"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" tabindex="-1">Navigations</a></h3><div class="ui-panelmenu-content ui-widget-content ui-helper-hidden" role="tabpanel" id="j_idt16:j_idt278_j_idt285"><ul class="ui-menu-list ui-helper-reset"><li id="j_idt16:j_idt286" class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem"><a class="ui-menuitem-link ui-corner-all"><span class="ui-panelmenu-icon ui-icon ui-icon-triangle-1-e"></span><span class="ui-menuitem-text">Links</span></a><ul class="ui-menu-list ui-helper-reset ui-helper-hidden"><li id="j_idt16:j_idt287" class="ui-widget ui-menuitem ui-corner-all ui-menu-parent" role="menuitem"><a class="ui-menuitem-link ui-corner-all"><span class="ui-panelmenu-icon ui-icon ui-icon-triangle-1-e"></span><span class="ui-menuitem-text">PrimeFaces</span></a><ul class="ui-menu-list ui-helper-reset ui-helper-hidden"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/"><span class="ui-menuitem-icon ui-icon fa fa-home"></span><span class="ui-menuitem-text">Home</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/documentation"><span class="ui-menuitem-icon ui-icon fa fa-file"></span><span class="ui-menuitem-text">Docs</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/downloads"><span class="ui-menuitem-icon ui-icon fa fa-download"></span><span class="ui-menuitem-text">Download</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="http://www.primefaces.org/support"><span class="ui-menuitem-icon ui-icon fa fa-ticket"></span><span class="ui-menuitem-text">Support</span></a></li></ul></li></ul></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:'j_idt16:j_idt292',f:'j_idt16'});return false;"><span class="ui-menuitem-icon ui-icon fa fa-mobile"></span><span class="ui-menuitem-text">Mobile</span></a></li></ul></div></div></div>
                        <script id="j_idt16:j_idt278_s" type="text/javascript">PrimeFaces.cw("PanelMenu","widget_j_idt16_j_idt278",{id:"j_idt16:j_idt278",widgetVar:"widget_j_idt16_j_idt278"});</script>

                        <div class="EmptyBox20"/>

                        <h3 class="hardblue">TabMenu</h3>
                        <div id="j_idt16:j_idt294" class="ui-tabmenu ui-widget ui-widget-content ui-corner-all"><ul class="ui-tabmenu-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"><li class="ui-tabmenuitem ui-state-default ui-state-active ui-corner-top ui-tabmenuitem-hasicon" role="tab" aria-expanded="true"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="/sentinel/menu.xhtml?i=0"><span class="ui-menuitem-icon ui-icon ui-icon-star fa fa-star"></span><span class="ui-menuitem-text">Overview</span></a></li><li class="ui-tabmenuitem ui-state-default ui-corner-top ui-tabmenuitem-hasicon" role="tab" aria-expanded="false"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="/sentinel/menu.xhtml?i=1"><span class="ui-menuitem-icon ui-icon ui-icon-search fa fa-search"></span><span class="ui-menuitem-text">Demos</span></a></li><li class="ui-tabmenuitem ui-state-default ui-corner-top ui-tabmenuitem-hasicon" role="tab" aria-expanded="false"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="/sentinel/menu.xhtml?i=2"><span class="ui-menuitem-icon ui-icon ui-icon-document fa fa-file"></span><span class="ui-menuitem-text">Documentation</span></a></li><li class="ui-tabmenuitem ui-state-default ui-corner-top ui-tabmenuitem-hasicon" role="tab" aria-expanded="false"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="/sentinel/menu.xhtml?i=3"><span class="ui-menuitem-icon ui-icon ui-icon-wrench fa fa-wrench"></span><span class="ui-menuitem-text">Support</span></a></li><li class="ui-tabmenuitem ui-state-default ui-corner-top ui-tabmenuitem-hasicon" role="tab" aria-expanded="false"><a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="/sentinel/menu.xhtml?i=4"><span class="ui-menuitem-icon ui-icon ui-icon-person fa fa-child"></span><span class="ui-menuitem-text">Social</span></a></li></ul></div>
                        <script id="j_idt16:j_idt294_s" type="text/javascript">PrimeFaces.cw("TabMenu","widget_j_idt16_j_idt294",{id:"j_idt16:j_idt294",widgetVar:"widget_j_idt16_j_idt294"});</script>
                    </h:form>
                </div>
            </p:panel>
        </div>
    </ui:define>
</ui:composition>